<template>
    <el-dialog :title="title" :visible="editData.editVisable" @close="close()" width="1000px">
        <el-form :model="editData.editRow" :rules="rules" ref="edit" label-width="100px" class="edit-from edit-from2">
            <el-row :gutter="20">
                <el-col :span="8">
                    <el-form-item label="用户id">
                        <el-input v-model="editData.editRow.phone" auto-complete="off" disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="用户id">
                        <el-input v-model="editData.editRow.phone" auto-complete="off" disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="用户id">
                        <el-input v-model="editData.editRow.phone" auto-complete="off" disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="用户id">
                        <el-input v-model="editData.editRow.phone" auto-complete="off" disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="用户id">
                        <el-input v-model="editData.editRow.phone" auto-complete="off" disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="用户id">
                        <el-input v-model="editData.editRow.phone" auto-complete="off" disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="用户id">
                        <el-input v-model="editData.editRow.phone" auto-complete="off" disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="用户id">
                        <el-input v-model="editData.editRow.phone" auto-complete="off" disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="用户id">
                        <el-input v-model="editData.editRow.phone" auto-complete="off" disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="用户id">
                        <el-input v-model="editData.editRow.phone" auto-complete="off" disabled></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-form-item label="用户id" prop="phone">
                <el-input v-model="editData.editRow.phone" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="密码" prop="pwd">
                <el-input v-model="editData.editRow.pwd" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="名称" prop="name">
                <el-input v-model="editData.editRow.name" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="头像">
                <el-input v-model="editData.editRow.image" auto-complete="off"></el-input>
            </el-form-item>
        </el-form>
    </el-dialog>
</template>

<script>
    import { mapGetters } from 'vuex';
    import editMixin from "@/mixins/editMixin";

    export default {
        mixins: [editMixin],

        data() {
            return {
                pageName: 'userList',
                editList: ['phone', 'pwd', 'name', 'image'],
                rules: {}
            };
        },

        computed: {
            ...mapGetters({
                editData: `userList/editData`
            }),
            title: function () {
                return this.editData.editType == 'add' ? '新增' : '修改'
            }
        },

        methods: {

        }
    };
</script>

<style>
.edit-from.edit-from2 .el-form-item__content{
    margin-right: 0;
}
</style>
